<!doctype html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>Person Register</title>
		<link rel="stylesheet" href="common/css/jd.css"/>
	</head>
	<body>
		<div class="page">
			<div class="header header--register">
				<div class="header__content header__content--register header__content--flex">
					<div class="header__title-bar">
						<img alt="logo" class="header__logo header__logo--register" src="common/images/jd_logo_160x50.png"/>
						<div class="header__title header__title--register">Welcome Sign Up</div>
					</div>
					<div class="header__menu">Already a Member?
						<a class="header__link" href="login.html">Log in &gt;</a>
					</div>
				</div>
			</div>
			<div class="main">
				<div class="main__content main__content--register">
					<div class="main__form-box main__form-box--register">
						<form action="register_success.html" class="form form--register" id="registerForm" method="post">
							<ul class="form__list form__list--register">
								<li class="form__cell form__cell--register">
									<div class="form__label form__label--register">用 户 名</div>
									<div class="form__input-box form__input-box--register">
										<input class="form__input form__input--register" id="userName" name="userName" placeholder="您的账户名和登录名"/>
									</div>
									<img alt="name" class="form__icon form__icon--right" id="userNamePass" src="common/images/jd_icon_pass.png"/>
								</li>
								<li class="form__cell form__cell--tip">
									<img alt="name" class="form__icon form__icon--tip-left" id="userNameState"/>
									<span class="form__tip form__tip--register" id="userNameTip"></span>
								</li>
								<li class="form__cell form__cell--register">
									<div class="form__label form__label--register">设 置 密 码</div>
									<div class="form__input-box form__input-box--register">
										<input class="form__input form__input--register" id="password" type="password" name="password" placeholder="建议至少使用两种字符组合"/>
									</div>
									<img alt="password" class="form__icon form__icon--right" id="passwordPass" src="common/images/jd_icon_pass.png"/>
								</li>
								<li class="form__cell form__cell--tip">
									<img alt="password" class="form__icon form__icon--tip-left" id="passwordState"/>
									<span class="form__tip form__tip--register" id="passwordTip"></span>
								</li>
								<li class="form__cell form__cell--register">
									<div class="form__label form__label--register">确 认 密 码</div>
									<div class="form__input-box form__input-box--register">
										<input class="form__input form__input--register" id="repassword" type="password" name="repassword" placeholder="请再次输入密码"/>
									</div>
									<img alt="repassword" class="form__icon form__icon--right" id="repasswordPass" src="common/images/jd_icon_pass.png"/>
								</li>
								<li class="form__cell form__cell--tip">
									<img alt="repassword" class="form__icon form__icon--tip-left" id="repasswordState"/>
									<span class="form__tip form__tip--register" id="repasswordTip"></span>
								</li>
								<li class="form__cell form__cell--register">
									<div class="form__label form__label--register">中 国 0086</div>
									<div class="form__input-box form__input-box--register">
										<input class="form__input form__input--register" id="phone" name="phone" placeholder="建议使用常用手机"/>
									</div>
									<img alt="phone" class="form__icon form__icon--right" id="phonePass" src="common/images/jd_icon_pass.png"/>
								</li>
								<li class="form__cell form__cell--tip">
									<img alt="phone" class="form__icon form__icon--tip-left" id="phoneState"/>
									<span class="form__tip form__tip--register" id="phoneTip"></span>
								</li>
								<li class="form__cell form__cell--register">
									<div class="form__label form__label--register">手 机 验 证 码</div>
									<div class="form__input-box form__input-box--code">
										<input class="form__input form__input--code" id="validationCode" name="validationCode" placeholder="手机验证码"/>
									</div>
									<input class="form__button form__button--register" type="button" value="获取验证码"/>
								</li>
								<li class="form__cell form__cell--tip">
									<img alt="code" class="form__icon form__icon--tip-left" id="validationCodeState"/>
									<span class="form__tip form__tip--register" id="validationCodeTip"></span>
								</li>
								<li class="form__submit-box form__submit-box--register">
									<input class="form__submit form__submit--register" type="submit" value="立即注册"/>
								</li>
							</ul>
						</form>
					</div>
					<ul class="main__menu-bar main__menu-bar--register">
						<li>
							<img alt="company" class="main__icon" src="common/images/jd_icon_enterprise.png"/>
							<a class="main__link main__link--register" href="#">ENTERPRISE</a>
						</li>
						<li class="main__separator"></li>
						<li>
							<img alt="global" class="main__icon" src="common/images/jd_icon_global-customer.png"/>
							<a class="main__link main__link--register" href="#">INTERNATIONAL<br/>CUSTOMER</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="footer">
				<div class="footer__content footer__content--register">
					<ul class="footer__menu-bar footer__menu-bar--register">
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="http://jd.com">关于我们</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">联系我们</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">合作招商</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">商家帮助</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">营销中心</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">手机京东</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">友情链接</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">销售联盟</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">京东社区</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">京东公益</a></li>
						<li class="footer__menu footer__menu--register">|</li>
						<li class="footer__menu footer__menu--register"><a class="footer__link footer__link--register" href="#">English Site</a></li>
					</ul>
					<div class="footer__copyright">Copyright &copy; 2016-2018 Jd.com, Inc. or its affiliates. All Rights Reserved</div>
				</div>
			</div>
		</div>
		<div class="form form--dialog form--hidden form--term" id="termPopup">
			<div class="form__title-bar form__title-bar--term">
				<span class="form__title form__title--term">京东用户注册协议和隐私政策</span>
				<img alt="exit" class="form__icon form__icon--in-title-bar" id="exitPopup" src="common/images/jd_icon_exit.png"/>
			</div>
			<div class="form__textarea form__textarea--term">
				<div class="form__text form__text--term">在您注册成为京东用户的过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）：</div>
				<div>
					<a class="form__text form__text--link" href="#">《京东用户注册协议》</a>
				</div>
				<ul class="form__list form__list--policy">
					<div class="form__sublist form__sublist--policy">
						<li class="form__text form__text--policy">1、 本站服务条款的确认和接纳</li>
						<li class="form__text form__text--policy">2、 本站服务</li>
						<li class="form__text form__text--policy">3、 用户信息</li>
						<li class="form__text form__text--policy">4、 用户依法言行义务</li>
						<li class="form__text form__text--policy">5、商品信息</li>
						<li class="form__text form__text--policy">6、订单</li>
					</div>
					<div class="form__sublist form__sublist--policy">
						<li class="form__text form__text--policy">7、 配送</li>
						<li class="form__text form__text--policy">8、 所有权及知识产权条款</li>
						<li class="form__text form__text--policy">9、 责任限制及不承诺担保</li>
						<li class="form__text form__text--policy">10、 协议更新及用户关注义务</li>
						<li class="form__text form__text--policy">11、 法律管辖和适用《京东隐私政策》</li>
					</div>
				</ul>
				<br class="form__text"/>
				<div>
					<a class="form__text form__text--link" href="#">隐私政策</a>
				</div>
				<div class="form__text form__text--term">在您注册成为京东用户的过程中，您需要完成我们的注册流程并通过点击同意的形式在线签署以下协议，请您务必仔细阅读、充分理解协议中的条款内容后再点击同意（尤其是以粗体并下划线标识的条款，因为这些条款可能会明确您应履行的义务或对您的权利有所限制）：</div>
				<div>
					<span class="form__text form__text--term">本隐私政策明确了我们的产品与/或服务所收集、使用及共享个人信息的类型方式和用途；以增强告知或即时提示的方式在收集、使用及共享个人信息时给予用户授权选择权，并在产品设置中允许用户即时撤销授权。明确了用户查询、更正和删除其个人信息的方式。增加了用户账户的锁定/解锁和注销功能，并提供给用户了30日后悔期</span>
					<span class="form__text form__text--policy">。具体提纲如下：</span>
				</div>
				<ul class="form__list form__list--policy">
					<div class="form__sublist form__sublist--policy">
						<li class="form__text form__text--policy">1、我们如何收集和使用您的个人信息</li>
						<li class="form__text form__text--policy">2、我们如何使用 Cookie 和同类技术</li>
						<li class="form__text form__text--policy">3、我们如何共享、转让、公开披露您的个人信息</li>
						<li class="form__text form__text--policy">4、我们如何保护和保存您的个人信息</li>
					</div>
					<div class="form__sublist form__sublist--policy">
						<li class="form__text form__text--policy">5、您如何管理个人信息</li>
						<li class="form__text form__text--policy">6、未成年人信息的保护</li>
						<li class="form__text form__text--policy">7、通知和修订</li>
						<li class="form__text form__text--policy">8、如何联系我们</li>
					</div>
				</ul>
				<br class="form__text"/>
			</div>
			<div class="form__submit-box form__submit-box--term">
				<button class="form__submit form__submit--cancel" id="cancelPopup">Cancel</button>
				<button class="form__submit form__submit--agree" id="agreePopup">Agree</button>
			</div>
		</div>
		<div class="mask mask--hidden" id="mask"></div>
		<script src="register.js"></script>
	</body>
</html>
